<!-- 公司信息 -->
<template>
	<div>
		<el-card class="box-card">
			<el-descriptions :column="1" :model="comInfo" :colon="false" labelStyle="font-weight:bolder; font-size:15px;"
			contentStyle="font-family: '楷体';font-size:15px;">
				<el-descriptions-item label="公司名称">{{comInfo.name}}</el-descriptions-item>
				<el-descriptions-item label="创建时间">
					<span v-text="dateFormat(comInfo.registerTime)"></span>
				</el-descriptions-item>
				<el-descriptions-item label="发展历程">{{comInfo.history}}</el-descriptions-item>
				<el-descriptions-item label="公司成就">{{comInfo.achieve}}</el-descriptions-item>
				<el-descriptions-item label="联系我们">{{comInfo.phone}}</el-descriptions-item>
			</el-descriptions>
		</el-card>
	</div>

</template>

<script>
	export default {
		data() {
			return {			
				comInfo: {
					id: '',
					name: '',
					registerTime: '',
					history: '',
					achieve: '',
					phone: ''
				}
			};
		},
		methods:{
			dateFormat(time) { //时间格式转换
			  var date = new Date(time);
			  var year = date.getFullYear();
			  /* 在日期格式中，月份是从0开始的，因此要加0
			   * 使用三元表达式在小于10的前面加0，以达到格式统一  如 09:11:05
			   * */
			  var month =
			    date.getMonth() + 1 < 10 ?
			    "0" + (date.getMonth() + 1) :
			    date.getMonth() + 1;
			  var day = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
			  // 拼接
			  return (
			    year +
			    "-" +
			    month +
			    "-" +
			    day
			  );
			},
		},
		created() {
			var that = this
			this.$http.get("/comInfoMeg/getComInfo").then(function(res) {
				that.comInfo = res.data.comInfo;
			})
		}
	}
</script>

<style>
	.box-card {
		width: 90%;
		height: 95%;
		padding: 10px 60px;
	}
</style>
